<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <div class="panel">
            <div class="panel-body">
                <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('账号')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input data-rule="required;phone" data-rule-phone="[/^(1(([3456789][0-9])|(47)))\d{8}$/,'账号必须是11位手机号']" class="form-control" name="mobile" type="text" placeholder="请输入手机号">
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="control-label col-xs-12 col-sm-2" for="subject">{:__('科目')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <input data-rule="required" type="text" class="form-control" placeholder="请输入科目名称" id="subject">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2"></label>
                        <div class="col-xs-12 col-sm-8 subject-list" style="max-height: 310px;overflow-y: scroll"></div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">{:__('班次')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <select name="combo_id" class="form-control combo-list" data-rule="required">
                                <option value="">请选择班次</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2" for="remark">{:__('备注')}:</label>
                        <div class="col-xs-12 col-sm-8">
                            <textarea id="remark" placeholder="请输入备注" class="form-control" name="remark"></textarea>
                        </div>
                    </div>
                    <div class="form-group layer-footer">
                        <label class="control-label col-xs-12 col-sm-2"></label>
                        <div class="col-xs-12 col-sm-8">
                            <button type="button" class="btn btn-success btn-embossed">{:__('确认开通')}</button>
                        </div>
                    </div>
                    <input type="hidden" class="subject-id" value="0" name="subject_id">
                </form>
                <div>
                    <p style="line-height: 24px;"><b style="color: red">温馨提示：首次注册牛课宝典用户，初始登录密码为123456；已注册牛课宝典用户开通后登录密码为原用户密码。</b><br />

                        使用小帮助：<br />

                        1、请输入正确的充值码(充值码为20位数字)<br />

                        2、请选择正确的科目名称(注:一旦充值成功,充值科目将无法修改)<br />

                        3、请输入正确的通行证账号(手机、邮箱、中英文账号)<br />

                        搜索考试科目关键词技巧:<br />

                        例如：您考的是“主治普通外科”，可以搜索“普通”，或“普”，或“外科”，然后选择您要的科目。<br />

                        如果您考的是二级注册建筑师，搜索“建筑"即可<br />

                        切记关键词不要输入太多字。</p>
                </div>
            </div>
        </div>
    </div>
</div>